﻿body{
    max-width: 540px;
    /*min-width:320px;*/
    margin:0 auto;
    /*height: 230rem;*/
    font-family:Helvetica;
    padding: 0;
    outline: 0;
    background-color: #f2f2f2;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}
a,input,p{
     text-decoration:none;
     color:black;
    outline:none;
    -webkit-tap-highlight-color:rgba(255,0,0,0);//点击去高光
 }
 .top{
 	width:90%;
 	height:2.2rem;
 	margin: 0 auto;
 	padding-top: 0.3rem;
 }
 .cishu{
 	width: 100%;
 	height: 0.4rem;
 	margin:0.2rem auto 0;
 	text-align: center;
 	font-size: 0.2rem;
 	color: white;
 }
 /*大转盘*/
 .g-content {
    width: 100%;
    height: 5.25rem;
    margin: 0.4rem auto 0;
  }
  .g-content .g-lottery-case {
    width: 88%;
    height: 5.25rem;
    margin: 0.2rem auto 0;
  }
  .g-content .g-lottery-case .g-left h2 {
    font-size: 0.2rem;
    line-height: 0.32rem;
    font-weight: normal;
    margin-left: 0.6rem;
    text-align: center;
    margin-bottom: 0.2rem;
    color: white;
  }
  .g-content .g-lottery-case .g-left {
    width: 90%;
  }
  .g-lottery-box {
    width:90%;
    height: 4.8rem;
    position: relative;
  }
  .g-lottery-box .g-lottery-img {
   width:124%;
    height: 4.8rem;
    position: relative;
    background: url(../img/zp_38.png) no-repeat;
    background-size: cover;
  }
  .g-lottery-box .playbtn {
    width: 25%;
    height:1.2rem;
    position: absolute;
    top: 1.7rem;
    left:1.95rem;
    background: url(../img/fxz.png) no-repeat;
    background-size:cover;
  }
.anniu{
	width: 70%;
	margin:0.1rem auto 0;
}
.qbjp{
	width: 90%;
	height: 1.5rem;
	margin: 0.15rem auto 0;
	color: #FFFFFC;
	overflow: hidden;
}
.qbjp p{
	font-size: 0.3rem;
	text-align: left;
	font-weight: 700;
	color:#FEFEFC ;
}
.qbjp span{
	width: 40%;
	font-size: 0.2rem;
	text-align: left;
	float: left;
	margin-top: 0.2rem;
}
.hjmd{
	width: 90%;
	height:4.2rem ;
	margin: 0 auto;
	color: #FFFFFC;
}
.hjmd p{
	font-size: 0.3rem;
	text-align: left;
	font-weight: 700;
	color:#FEFEFC ;
}
.hjmd .bt{
	width: 100%;
	height: 0.4rem;
	margin: 0 auto;
	font-weight: bold;
	margin-top: 0.2rem;
}
.bt div{
	display: inline-block;
	float: left;
	margin-top: 0;
	font-size: 0.23rem;
}
.hjmd .mdgd{
	width: 100%;
	height: 3.2rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding-top:0.2rem ;
}
.mdgd ul{
	position:relative ;
}
.mdgd li{
	height: 0.3rem;
	list-style: none;
}
.mdgd span{
	width: 33%;
	font-size: 0.2rem;
	font-weight: bold;
	text-align: left;
	float: left;
}
.hdgz{
	width: 90%;
	height:3.3rem ;
	margin: 0 auto;
	color: #FFFFFC;
	margin-top: 0.3rem;
}
.hdgz p{
	font-size: 0.2rem;
	text-align: left;
	float: left;
	padding-right: 0.4rem;
	color:#FFFFFC;
	line-height: 0.3rem;
}
.ljcy{
	width: 100%;
	height: 0.3rem;
	margin: 0 auto;
	text-align: center;
	font-size: 0.2rem;
}
.yzsj{
	width: 100%;
	height: 0.6rem;
	margin: 0 auto;
	background: #386771;
	position: fixed;
	bottom: 0;
	max-width: 540px;
}
.yzsj p{
	float: left;
	font-size: 0.2rem;
	color: #F9FBFB;
	line-height: 0.6rem;
	padding-left: 0.75rem;
}
.yzsj .yz{
	width: 1.3rem;
	height: 0.4rem;
	float: right;
	margin-right: 0.5rem;
	line-height: 0.4rem;
	margin-top: 0.1rem;
	background: #1DDA5C;
	font-size: 0.2rem;
	border-radius: 0.05rem;
	text-align: center;
	color: white;
}
.jptk{
	width:100%;
	background:rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	height: 100%;
}
.jptk .jptk-nr{
	width: 70%;
	height: 5.1rem;
	position: fixed;
	top: 19%;
	left: 15%;
}
.jptk .zjimg{
	width: 75%;
	height: 1.5rem;
	margin: 0 auto;
}
.jptk .jp{
	width: 100%;
	/*height: 4rem;*/
	background: white;
	border-radius: 0.06rem;
	margin: 0 auto;
}
.jp .tc{
	width: 0.25rem;
	height: 0.4rem;
	margin: 0 auto;
}
.tc .tcimg{
	width: 0.25rem;
	height: 0.25rem;
	float: right;
	background: url(../img/gb.png) no-repeat;
	background-size: cover;
	margin-right: 0.12rem;
	margin-top: 0.12rem;
}
.jp p{
	text-align: center;
	font-size: 0.25rem;
	margin-top: 0.08rem;
}
.jp .jptp{
	width: 100%;
  text-align: center;
}
.jp .jptp img{
  width: 50%;
  margin-top: 0.3rem;
}
/*验证弹框*/

#yztk{
	width:100%;
	background:rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	height: 100%;
	display: none;
}
#yztk .yztk-nr{
	width: 80%;
	height:4.5rem;
	position: fixed;
	top: 22%;
	left: 10%;
}
#yztk .yz{
	width: 100%;
	height: 4.3srem;
	background: white;
	border-radius: 0.06rem;
	margin: 0 auto;
}
.yz .tc{
	width: 100%;
	height: 0.4rem;
	margin: 0 auto;
}
.tc .tcimg1{
	width: 0.25rem;
	height: 0.25rem;
	float: right;
	background: url(../img/gb.png) no-repeat;
	background-size: cover;
	margin-right: -1.6rem;
	margin-top: 0.12rem;
}
.yz p{
	text-align: center;
	font-size: 0.25rem;
	margin-top: 0.3rem;
	font-weight: 600;
	color: #272727;
}
.yz .sjyz{
	width: 100%;
	height: 3.45rem;
	margin: 0 auto;
}
.sjyz #sjh{
	width: 88%;
	height: 0.6rem;
	margin: 0.5rem 0 0 0.15rem;
	padding-left: 0.2rem;
	float: left;
	border: 1px solid #DFDFDF;
}
.sjyz .yzm-box{
	width: 93%;
	height: 0.6rem;
	float: left;
	border: 1px solid #DFDFDF;
	border-top:none ;
	margin-left: 0.15rem;
}
.sjyz #yzm{
	width: 64%;
	height: 0.6rem;
	padding-left: 0.2rem;
	float: left;
	border: none;
}
.sjyz .hqyzm{
	width: 30%;
	height: 0.5rem;
	line-height: 0.5rem;
	background:#FFE433 ;
	text-align: center;
	color:#D8931D ;
	font-size: 0.2rem;
	float: right;
	margin-top: 0.04rem;
	margin-right: 0.04rem;
}
.sjyz .wcyz{
	width: 80%;
	height: 0.4rem;
	line-height: 0.4rem;
	margin: 0 auto;
	text-align: center;
	font-size: 0.2rem;
	border: 1px solid #FAAF4B;
	color: #FAAF4B;
	float: left;
	border-radius:1rem ;
	margin-left: 0.43rem;
	margin-top: 0.6rem;
}
/*活动未开始*/
#hdtk{
	width:100%;
	background:#E3E5E1;
	position: absolute;
	top: 0;
	height: 100%;
	display: block;
}
/*往返条*/
/*#hdtk .hdtk-top{
	width: 100%;
	height: 0.8rem;
	margin: 0 auto;
	background: #5BBC7D;
}
.hdtk-top .fh{
	width: 20%;
	height: 0.8rem;
	float: left;
	text-align: center;
	color: white;
	line-height: 0.8rem;
	font-size: 0.5rem;
}*/
#hdtk .hdtk-nr{
	width: 80%;
	height:4.5rem;
	position: fixed;
	top: 10%;
	left: 10%;
}
#hdtk .hd{
	width: 100%;
	height: 4.3srem;
	border-radius: 0.06rem;
	margin: 0 auto;
}
.hd .hd-top{
	width: 80%;
	height: 1.6rem;
	margin: 0 auto;
	border: 0.03rem solid #787878;
	background: #D7D7D7;
}
.hd .hd-top-nr{
	width: 93%;
	height: 1.4rem;
	margin: 0.08rem auto 0;
	border: 0.03rem solid #787878;
	background: #D7D7D7;
}
.hd-top-nr .mfcj{
	text-align: center;
	font-size:0.3rem ;
	margin-top:0.25rem ;
}
.hd-top-nr .hldnl{
	text-align: center;
	font-size:0.3rem ;
}
.hd #strbegin{
	width: 50%;
	height: 0.8rem;
	margin: 0 auto;
	font-size:0.2rem ;
	border: 0.01rem solid red;
	text-align: center;
	line-height: 0.8rem;
	margin-top:0.2rem;
}


.panel{
		width:90%;
		padding:0.1rem;
		text-align: center;
		border-radius: 0 0 0.08rem 0.08rem;
     }
    h2{
        color:#fff;
        margin: 0.05rem;
    }
	.activity{
		width: 3rem;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		height: 1.65rem;
        border-radius: 0.05rem;
	}
	.activity ul{
		top: -0.15rem;
		padding: 0;
		color: #FEFCFD;
		position: relative;
	}
	.activity li{
		height: 0.34rem;
               padding:0;
		font-size: 0.12rem;
		line-height: 0.34rem;
                list-style: none;
		border-bottom: 1px dotted #d2d2d2;
	}
